  <template>
  <div class="mavyi">
      <div class="kuan">
    <el-input placeholder="请输入内容" v-model="input" clearable> </el-input>
    <el-select v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
    <el-input placeholder="请输入内容" v-model="input" clearable> </el-input>
    <el-input placeholder="请输入内容" v-model="input" clearable> </el-input>
    <el-input placeholder="请输入内容" v-model="input" clearable> </el-input>
      <div class="block">
    <span class="demonstration"></span>
    <el-date-picker
      v-model="value2"
      type="daterange"
      align="right"
      unlink-panels
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      :picker-options="pickerOptions">
    </el-date-picker>
  </div>
  <div class="block">
    <span class="demonstration"></span>
    <el-date-picker
      v-model="value2"
      type="daterange"
      align="right"
      unlink-panels
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      :picker-options="pickerOptions">
    </el-date-picker>
  </div>
    <el-button
    type="primary"
    icon="el-icon-search"
    @click="dialogFormVisible = true"
    >搜索</el-button
  >
  <el-button
    type="success"
    icon="el-icon-plus"
    @click="dialogFormVisible = true"
    >上传</el-button
  >

      </div>
  

  <el-table :data="tableData" style="width: 100%">
  <el-table-column prop="" label="编号/类型" width="180">000 </el-table-column>
  <el-table-column prop="name" label="地址" width="180"> </el-table-column>
  <el-table-column prop="name" label="名称" width="180"> </el-table-column>
  <el-table-column prop="name" label="营销数据" width="100"> </el-table-column>
  <el-table-column prop="name" label="状态" width="120"><el-tag type="success">标签三</el-tag> </el-table-column>
  <el-table-column prop="address" label="添加/修改时间" width="180"> </el-table-column>
  <el-table-column prop="action" label="操作" width="200px">
  <template slot-scope="scope">
  <el-button type="primary" size="mini" @click="edla(scope.row.id)"
  >编辑</el-button
  >
  <el-button type="danger" size="mini" @click="edlb(scope.row.id)"
  >删除</el-button
  >
  </template>
  </el-table-column>
  </el-table>
  </div>
</template>

  <script>
export default {
  data() {
    return {
      input: "",
        value2: '',
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
       pickerOptions: {
          shortcuts: [{
            text: '最近一周',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近一个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近三个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit('pick', [start, end]);
            }
             }]
       }
    };
  },
};
</script>
<style scoped>
.el-input{
    width: 280px;
}
.kuan{
    display: flex;
    flex-wrap: wrap
}
</style>